select {
}

span.form-wrap {
	display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline;
	position: relative;
	vertical-align: top;
	margin: 1px 0px;
	width: auto;
}

span.form-wrap, span.form-wrap input, span.form-wrap textarea {
	font: 12px "Tahoma", Sans-Serif;
}

.form-transparent {
	opacity: 0;
	filter: alpha(opacity=0);
}

.form-disabled {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

span.form-corner {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	overflow: hidden;
}

span.form-corner-wrap {
	display: block;
	position: relative;
	width: 100%;
	padding: 5px 5px 0 5px;
	margin: -5px -5px 0 -5px;
	overflow: hidden;
}

span.form-corner-cn {
	display: block;
	position: absolute;
	left: -5px;
	z-index: -1;
}

span.form-corner-tl,
span.form-corner-tr {
	height: 200px;
	top: -5px;
}

span.form-corner-tl,
span.form-corner-bl {
	width: 100%;
}

span.form-corner-tr,
span.form-corner-br {
	width: 5px;
	margin-left: 100%;
}

span.form-corner-bl,
span.form-corner-br {
	height: 5px;
}

span.form-corner-bl {
	left: -5px;
	padding-right: 5px;
	clip: rect(auto auto auto 5px);
}

span.form-corner-br {
	left: -5px;
}

span.form-corner-tl,
span.form-corner-tr {
	*padding-right: 10px;
}

/* ********************* */

span.form-select, span.form-select span.form-corner {
	background: url(select.gif) left top;
}

span.form-select {
	padding-right: 24px;
}

span.form-select-focus {
	z-index: 2;
}

span.form-select span.form-select-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

span.form-select span.form-corner {
	width: 26px;
}

span.form-select span.form-corner							{	background-position: right 0px; }
span.form-select.form-hover									{ background-position: left -24px; }
span.form-select.form-hover span.form-corner	{ background-position: right -24px; }
span.form-select.form-focus									{ background-position: left -48px; }
span.form-select.form-focus span.form-corner	{ background-position: right -48px; }

span.form-select-value {
	display: block;
	height: 18px;
	padding: 5px 4px 1px 4px;
	overflow: hidden;
	outline: none;
	cursor: default;
}

span.form-select-list {
	display: block;
	position: absolute;
	z-index: 3;
	top: 100%;
	left: 0px;
	width: 100%;
	margin: 1px 0px;
	display: none;
	white-space: nowrap;
}

span.form-select-list-content {
	display: block;
	height: 100%;
	background: #fff;
	border: 1px solid #ddd;
	padding: 1px;
	margin: 0px 4px;
	min-height: 18px; /* equal to list element height */
	max-height: 300px;
	overflow: auto;
	overflow-x: hidden;
}

span.form-select-list a {
	display: block;
	padding: 2px 4px 3px 4px;
	color: #000;
	text-decoration: none;
}

a.form-select-list-selected {
	background: #eee;
	color: #000;
	text-decoration: none;
}

span.form-select-list a:hover {
	background: #bae5ff;
	color: #000;
	text-decoration: none;
}

span.form-select-list a.form-select-list-focus {
	padding: 1px 3px 2px 3px;
	border: 1px solid #7cbce9;
	outline: none;
}

/* multi */

span.form-select-multiple {
	background: transparent;
	padding: 5px;
}

span.form-select-multiple select {
	border: none;
}

span.form-select-multiple span.form-corner-cn							{ background-image: url(textarea.gif); }
span.form-select-multiple.form-focus span.form-corner-cn	{ background-image: url(textarea-focus.gif); }
span.form-select-multiple.form-hover span.form-corner-cn	{ background-image: url(textarea-hover.gif); }

span.form-select-multiple span.form-select-list {
	position: static;
	display: block;
	margin: 0px;
}

span.form-select-multiple span.form-select-list-content {
	margin: 0px;
	padding: 0px;
	border: none;
}

/* ********************* */

span.form-checkbox {
	background: url(checkbox.gif);
	top: -6px;
}

span.form-checkbox.form-checked						{ background-position: 0px -24px; }
span.form-checkbox.form-focus							{ background-position: 48px -48px; }
span.form-checkbox.form-focus.form-checked	{ background-position: 48px -24px; }
span.form-checkbox.form-hover							{ background-position: 24px -48px; }
span.form-checkbox.form-hover.form-checked	{ background-position: 24px -24px; }

span.form-checkbox input {
	cursor: pointer;
	width: 24px;
	height: 24px;
	margin: 0px;
	padding: 0px;
}

span.form-radio {
	background: url(radio.gif);
	top: -6px;
}

span.form-radio.form-checked							{ background-position: 0px -24px; }
span.form-radio.form-focus								{ background-position: 48px -48px; }
span.form-radio.form-focus.form-checked	{ background-position: 48px -24px; }
span.form-radio.form-hover								{ background-position: 24px -48px; }
span.form-radio.form-hover.form-checked	{ background-position: 24px -24px; }

span.form-radio input {
	cursor: pointer;
	width: 24px;
	height: 24px;
	margin: 0px;
	padding: 0px;
}

/* ********************* */

span.form-text, span.form-text span.form-corner {
	background: url(text.gif);
}

span.form-text span.form-corner {
	width: 5px;
	background-position: right 0px;
}

span.form-text.form-hover									{ background-position: left -24px; }
span.form-text.form-hover span.form-corner	{ background-position: right -24px; }
span.form-text.form-focus									{ background-position: left -48px; }
span.form-text.form-focus span.form-corner	{ background-position: right -48px; }

span.form-text input {
	position: relative;
	z-index: 2;
	padding: 4px 5px 4px 5px;
	margin: 0px;
	border: 0px;
	background: transparent;
	height: 16px;
}


/* ********************* */

span.form-button, span.form-button span.form-corner {
	background: url(button.gif);
	cursor: pointer;
}

span.form-button span.form-corner {
	width: 5px;
	background-position: right 0px;
}

span.form-button.form-hover									{ background-position: left -24px; }
span.form-button.form-hover span.form-corner	{ background-position: right -24px; }
span.form-button.form-focus									{ background-position: left -48px; }
span.form-button.form-focus span.form-corner	{ background-position: right -48px; }

span.form-button input {
	position: relative;
	z-index: 2;
	cursor: pointer;
	padding: 1px 5px 3px 5px;
	margin: 0px;
	border: 0px;
	background: transparent;
	height: 24px;
}

/* ********************* */

span.form-textarea {
	padding: 5px;
}

span.form-textarea textarea {
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: transparent;
	display: block;
	position: relative;
	z-index: 3;
}

span.form-textarea span.form-corner-cn						{ background-image: url(textarea.gif); }
span.form-textarea.form-focus span.form-corner-cn	{ background-image: url(textarea-focus.gif); }
span.form-textarea.form-hover span.form-corner-cn	{ background-image: url(textarea-hover.gif); }